<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>金开贷弹窗控件库及调用方法</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        function popBox(){
        /*
            var popBox = document.getElementById('popBox');
            var popLayer = document.getElementById('popLayer');
            var jkdpopheight;
            if (document.documentElement.scrollHeight < document.documentElement.clientHeight) {
                jkdpopheight = document.documentElement.clientHeight + "px";
            } else {
                jkdpopheight = document.documentElement.scrollHeight + "px";
            }
            //popLayer.style.width = document.body.scrollWidth + "px";
            popLayer.style.jkdpopheight = document.body.scrollHeight + "px";
        */
           $("#popLayer").show();
        }//end popBox()

        //关闭按钮
        function closeBox(){
            $("#popLayer,.jkdpopBox,.transfer-pop,.return-plan,.loanInfoPop").hide();
            $(".lotteryCoinPop,.detailCoinPop,.lotteryRatesPop,.lotteryManagePop,.lotteryOtherPop,.lotteryCashPop,.lotteryCashbagPop,.lotteryEssPop").hide();
            $(".rechargeBanklist,.lendPop,.jkdCalculator").hide();
        }//end  closeBox()
        //借款信息确认
        function loanInfoPop(){
            popBox();
            $(".loanInfoPop").show();
        }
        //回款计划书调用
        function returnPop(){
            popBox();
            $(".return-plan").show();
        }
        //风险提示书调用
        function jkdpopBox(){
            popBox();
            $(".jkdpopBox").show();
        }
        //风险提示书调用
        function transferPop(){
            popBox();
            $(".transfer-pop").show();
        }
        /*奖券类*/
        //1.活动入场券详
        function lotteryCoinPop(){
            popBox();
            $(".lotteryCoinPop").show();
        }
        //2.金开币奖券详情
        function detailCoinPop(){
            popBox();
            $(".detailCoinPop").show();
        }
        //3.加息券奖券详情
        function lotteryRatesPop(){
            popBox();
            $(".lotteryRatesPop").show();
        }
        //4.管理费优惠券详情
        function lotteryManagePop(){
            popBox();
            $(".lotteryManagePop").show();
        }
        //5.管理费优惠券详情
        function lotteryOtherPop(){
            popBox();
            $(".lotteryOtherPop").show();
        }
        //6.现金红包详情
        function lotteryCashbagPop(){
            popBox();
            $(".lotteryCashbagPop").show();
        }
        //7.现金券详情
        function lotteryCashPop(){
            popBox();
            $(".lotteryCashPop").show();
        }
        //可支持银行卡绑定
        function rechargeBanklist(){
            popBox();
            $(".rechargeBanklist").show();
        }
        //借款申请lendPop
        function lendPop(){
            popBox();
            $(".lendPop").show();
        }
        //jkdCalculator
        function jkdCalculator(){
            popBox();
            $(".jkdCalculator").show();
        }
    </script>
</head>
<body>
<div class="mg0 tl-center" style="margin-top: 10%">
    <input type="button" name="popBox" value="风险提示书弹出框" onclick="jkdpopBox()" />
    <input type="button" name="popBox" value="确认提交转让申请" onclick="transferPop()" />
    <input type="button" name="popBox" value="回款计划书" onclick="returnPop()" />
    <input type="button" name="popBox" value="借款信息确认" onclick="loanInfoPop()" />
    <br><br><br>
    <input type="button" name="popBox" value="活动入场券详情" onclick="lotteryCoinPop()" />
    <input type="button" name="popBox" value="金开币奖券详情" onclick="detailCoinPop()" />
    <input type="button" name="popBox" value="加息券奖券详情" onclick="lotteryRatesPop()" />
    <input type="button" name="popBox" value="管理费优惠券详情" onclick="lotteryManagePop()" />
    <input type="button" name="popBox" value="第三方优惠券" onclick="lotteryOtherPop()" />
    <input type="button" name="popBox" value="现金红包详情" onclick="lotteryCashbagPop()" />
    <input type="button" name="popBox" value="现金券详情" onclick="lotteryCashPop()" />
    <input type="button" name="popBox" value="实体奖品券详情" onclick="lotteryEssPop()" />
    <br><br>
    <input type="button" name="popBox" value="可支持银行卡绑定" onclick="rechargeBanklist()" />
    <br><br>
    <input type="button" name="popBox" value="借款申请已经成功" onclick="lendPop()" />
    <br><br>
    <input type="button" name="popBox" value="计算器" onclick="jkdCalculator()" />

</div>
<div id="popLayer" ></div>
<div style="clear: both"></div>

<div id="jkdpop-box">
<!--风险提示书-->
    <div class="jkdpopBox">
        <div class="riscpop-tip">
            <p class="colg font20 mg0 tl-center">风险提示书</p>
            <a class="close-pop pt-ab flr" href="javascript:void(0)" onclick="closeBox()"><img src="../images/close-pop.png"></a>
            <div class="risc-txt">
                1.会员系自愿注册，申请并使用金开贷平台与其他金开贷会员达成借款协议、债权转让协议等交易协议，其在金开贷平台的注册及交易操作被认为是已经完全知悉、了解电子、网络交易中包含的电子系统技术及网络风险，并且会员的交易操作是会员在具有完全民事行为能力，且充分理智考虑自己的风险承担能力和风险识别能力的前提下做出的投资决策。
                </br>
                2.会员应当知晓，根据中华民共和国法律，其在金开贷平台交易时所使用的款项应为其合法所得，是其自有闲散资金并具有完全的支配权利和能力，并确认借款款项是被控制在除去生活日常合理消费支出的自有资金的合理比例之内。会员知晓并理解可能存在的合同相对人（包括但不限于借款人、担保人、债权受让人等等）的违约风险，并保证该风险转化为损失不会影响其及其家人的正常生活。
                </br>
                3.金开贷已最大限度地采取了合理措施保护会员资料和交易活动的安全。但金开贷在此郑重提示会员，即使金开贷已经最大限度地采取措施，但进行电子及网络借款融资交易仍然存在以下风险，包括但不限于：
                </br>
                3.1互联网是全球性公共网络，特定数据在其中进行传输，存在数据遗失、扭曲，以及被非法干扰、侵入的可能性及不确定性。
                </br>
                3.2在互联网上传输的数据（包括但不限于会员的个人资料、会员的个人交易信息等）有可能被某些未经许可的个人、团体或机构通过某种渠道窃取、获得或篡改。
                </br>
                3.3互联网上的数据传输可能因通信繁忙出现延迟，或因其他原因出现中断、停顿或数据不完全、数据错误等情况，从而使交易出现延迟、中断、停顿或错误。
                </br>
                3.4互联网上发布的各种信息（包括但不限于分析、预测性的参考资料等）可能出现错误，并误导会员。
                </br>
                3.5会员的电子交易身份可能会因非法网络侵入而被泄露或仿冒。
                </br>
                3.6会员使用的计算机、手机等互联网终端设备可能因存在性能缺陷、质量问题、计算机病毒、硬件故障及其他原因，而对会员进行的交易时间、交易数据、交易安全等造成不利影响，最终给会员造成损失的可能性。
                </br>
                3.7由于会员在计算机程序、手机应用等方面的操作能力或互联网知识的缺乏，可能存在会员进行的交易时间、交易数据、交易安全等造成不利影响，最终给会员造成损失的可能性。
                </br>
                3.8由于不可抗力导致的其它风险。
                </br>
                3.9在金开贷平台进行的交易是通过互联网完成的，金开贷根本无法完全控制上述电子及网络交易风险，上述风险产生的损失由会员自身承担；会员签署本协议视为已知悉、理解上述风险，并自愿承担上述风险。
                </br>
                4.会员在金开贷平台上进行投资时，还可能面临以下风险：
                </br>
                4.1借款人违约风险
                </br>
                借款人的借款申请虽经过担保人的审核，并由担保人提供担保，但借款人逾期支付本息的违约风险依然存在，出借人可能面临无法在约定时间，或/并面临无法足额获得借款人按期还本付息的风险。
                </br>
                4.2担保风险
                </br>
                若担保人发生被依法撤销、破产或发生其它导致无法履行代偿还款的担保义务，此时若借款人不能按时足额偿还本息时，出借人将面临无法足额获得借款人按期还本付息的风险。
                </br>
                4.3借款人提前还款风险
                </br>
                《借款及担保协议》约定借款人有权申请提前还款的，如借款人提前还款，出借人的收益将会收到影响。
                </br>
                4.4流动性风险
                </br>
                借款关系存续期间，如出借人不能依据《借款及担保协议》要求借款人提前还款，或出借人无法向他人转让借款债权，或无人受让借款债权的，那么出借人的借款债权资产存在失去流动性的风险（即无法将借款债权变现）。
                </br>
                4.5法律政策风险
                </br>
                现阶段，对于借助互联网、或手机终端搭建的互联网P2P借款撮合业务（网络借贷业务），国家的法律和监管政策存在变动的可能性，会员须自行承担由于国家政策或法律变动所带来的政策风险和法律风险。
                </br>
                5.会员知晓并理解，金开贷在会员交易过程中，仅仅起到信息撮合作用，不对交易的风险承担任何性质的担保责任，也无对会员在交易过程中的损失作出任何性质的承诺。
                </br>
                上述风险所导致的损失或责任，均由会员自行承担，金开贷对此不承担与此相关的任何损失和法律责任。会员使用金开贷平台并进行交易，即视为会员已经完全了解并理解上述风险，并且能够自行承担可能带来的风险或损失，金开贷不承担任何责任。

            </div>
            <div class="riscpop-btn">
                <p><span><input type="checkbox"></span>我已阅读并同意签署《风险提示书》、《出借合同》、《催款授权委托书》投资协议</p>
                <p><span><input type="checkbox"></span><span class="colred">请阅读协议并确认已阅读！</span></p>
                <div class="risc-pop mg0">
                    <a class="gr-sbtn  col-w  hov-alpha">确认</a>
                    <a class="recharge-redbtn flr hov-alpha" onclick="closeBox()">放弃</a>
                </div>
            </div>
        </div>
    </div>
<!--确认提交转让申请-->
    <div class="transfer-pop">
        <p class="transfer-txt font20 tl-center">确认提交转让申请？</p>
        <div class="transfer-popbtn">
            <a class="gr-sbtn  col-w  hov-alpha">确认</a>
            <a class="recharge-redbtn flr hov-alpha" onclick="closeBox()">放弃</a>
        </div>
    </div>
<!--回款计划书-->
    <div class="return-plan">
        <div class="return-til pt-re">
            <p class="colg font20 mg0 tl-center">流动资金借款</p>
            <a class="close-pop pt-ab flr" href="javascript:void(0)" onclick="closeBox()"><img src="../images/close-pop.png"></a>
            <a class="recharge-redbtn fl hov-alpha pt-ab">下载</a>
        </div>
        <div class="return-tab mg0">
            <table>
                <thead>
                    <tr>
                        <th style="width: 116px">应收本金</th>
                        <th style="width: 116px">应收利息</th>
                        <th style="width: 106px">应收本息</th>
                        <th style="width: 130px">应收加息收益</th>
                        <th style="width: 120px">还款期数</th>
                        <th style="width: 132px">剩余本金</th>
                        <th style="width: 120px">还款日</th>
                        <th style="width: 100px">状态</th>
                    </tr>
                </thead>
                <tbody>
                <tr>
                    <td>250000.00 </td>
                    <td>122.22 </td>
                    <td>1.22</td>
                    <td>100000.00 </td>
                    <td><span class="colred">2</span></td>
                    <td>250000.00 </td>
                    <td>2017-01-14</td>
                    <td><div class="return-img"><img src="../images/safe-right.png"></div></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--借款信息确认-->
    <div class="loanInfoPop">
        <div class="riscpop-tip">


            <div class="loanInfoTxt">
                <p class="colg font20 mg0 tl-center">借款信息确认</p>
                <div class="loanInfo-til font16 tl-center">申请企业基本情况</div>
                <table class="loanInfo-tab1 mg0">
                    <tbody>
                        <tr>
                            <td>
                                <p class="loanInfo-name font60">企业名称企业名称企业名称企业名称企业名称企业名称</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">陕西实业有限公司陕西实业有限公司陕西实业有限公司陕西实业有限公司</p>
                            </td>
                            <td>
                                <p class="loanInfo-name font60">法人姓名</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">王**</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="loanInfo-name font60">法人证件号码</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">23123123123123</p>
                            </td>
                            <td>
                                <p class="loanInfo-name font60">公司行业</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">实业</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="loanInfo-name font60">企业证照号码</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">23123123123123</p>
                            </td>
                            <td>
                                <p class="loanInfo-name font60">注册资本</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">1500万</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="loanInfo-name font60">企业规模</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">小型企业</p>
                            </td>
                            <td>
                                <p class="loanInfo-name font60">成立时间</p>
                            </td>
                            <td>
                                <p class="loanInfo-nametxt">2014-01-02</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="loanInfo-name font60">联系方式</p>
                            </td>
                            <td colspan="3">
                                <p>9879944111</p>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="loanInfo-name font60">经营范围</p>
                            </td>
                            <td colspan="3">
                                <p>金开贷用户需谨慎保管个人信息，切勿向任何人泄漏金开贷网站用户名及密码，绑定银行卡的账号及密码。
                                    请勿通过其他无法确认的链接访问网站。</p>
                            </td>
                        </tr>
                    </tbody>
                </table>

                <div class="loanInfo-til font16 tl-center">项目基本信息</div>
                <table class="loanInfo-tab1 mg0">
                    <tbody>
                    <tr>
                        <td>
                            <p class="loanInfo-name font60">项目名称</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">JKD123123-陕业有限公司</p>
                        </td>
                        <td>
                            <p class="loanInfo-name font60">借款利率</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">8%</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p class="loanInfo-name font60">借款金额</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">100万</p>
                        </td>
                        <td>
                            <p class="loanInfo-name font60">项目期限</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">12个月</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p class="loanInfo-name font60">借款项目情况</p>
                        </td>
                        <td colspan="3">
                            <p>广东省珠海市情侣南路428号九洲港大厦313室广东省珠海市情侣南路428号九洲港大厦313室</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="loanInfo-til font16 tl-center">担保基本信息
                </div>
                <table class="loanInfo-tab1 mg0">
                    <tbody>
                    <tr>
                        <td>
                            <p class="loanInfo-name font60">担保公司名称</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">陕西融资担保有限公司</p>
                        </td>
                        <td>
                            <p class="loanInfo-name font60">借款利率</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">8%</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p class="loanInfo-name font60">借款金额</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">100万</p>
                        </td>
                        <td>
                            <p class="loanInfo-name font60">项目期限</p>
                        </td>
                        <td>
                            <p class="loanInfo-nametxt">12个月</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p class="loanInfo-name font60">借款项目情况</p>
                        </td>
                        <td colspan="3">
                            <p>广东省珠海市情侣南路428号九洲港大厦313室广东省珠海市情侣南路428号九洲港大厦313室</p>
                        </td>
                    </tr>
                    </tbody>
                </table>

            </div>
            <div style="clear: both"></div>


            <div class="riscpop-btn">
                <div class="risc-pop mg0">
                    <a class="gr-sbtn  col-w  hov-alpha">同意</a>
                    <a class="lgray-btn  col-w  hov-alpha">取消</a>
                    <a class="recharge-redbtn flr hov-alpha" onclick="closeBox()">拒绝</a>
                </div>
            </div>
        </div>
    </div>
<!--我的奖券1.金开币-->
    <div class="lotteryCoinPop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">活动入场券详情</h2>
                <p class="col-w font20 tl-center">金开贷周年庆线下活动</p>
                <p class="jkd-active col-w font24 tl-center">金开贷周年庆线下活动</p>
                <p class="jkd-active-time col-w mg0">
                    <span class="fl">活动时间：2017-10-01 14:00</span>
                    <span class="flr">活动时间：2017-10-01 14:00</span>
                </p>
            </div>
        </div>
        <div class="lot-poptxt">
            <p class="border-bot">
            为感谢各位投资人对金开贷长期以来的支持与帮助，为感谢各位投资人对金
            开贷长期以来的支持与帮助，为感谢各位投资人对金开贷长期以来的支持与
            帮助，为感谢各位投资人对金开贷长期以来的支持与帮助，为感谢各位投资
            人对金开贷长期以来的支持与帮助，为感谢各位投资人对金开贷长期以来的
            支持与帮助，为感谢各位投资人对金开贷长期以来的支持与帮助，为感谢各
            位投资人对金开贷长期以来的支持与帮助，
            </p>
        </div>
        <div class="lot-poptxt">
            <h4>使用规则</h4>
            <p>1、实体奖品券需在有效期前兑换，到期未兑换不予补发。
                <br>2、请在兑换前，确认账户内-“安全中心”-“联系地址”已完善，将按照兑
                <br>换发生时已填写的联系地址寄出。
                <br>3、实体奖品兑换后将会在5-10个工作日通过快递发出。
                <br>4、其他问题请联系金开贷官方客服。</p>
        </div>
    </div>
<!--我的奖券-2.金开币奖券详情-->
    <div class="detailCoinPop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">金开币奖券详情</h2>
                <p class="lot-detail-til tl-center col-w">
                    <span class="font20">金开币：</span>
                    <span class="font46">10 </span>
                </p>
                <p class="col-w tl-center">兑换有效期：2018-12-21 00:00</p>
            </div>
        </div>
        <div class="lot-poptxt">
            <p >
                <h4>使用规则</h4>
                1、金开币需在有效期前进行兑换，方可计入金开币总额并使用。
                <br>2、金开币可用于VIP升级、礼品商城购买商品、抵扣部分投资金额（抵扣比例
                1:1000，例投资1000元可使用1个金开币）等。
                <br> 3、到期未兑换不予补发。
            </p>
        </div>
    </div>
<!--我的奖券-3.加息券奖券详情-->
    <div class="lotteryRatesPop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">加息券奖券详情</h2>
                <p class="lot-detail-til tl-center col-w">
                    <span class="font20">加息比：</span>
                    <span class="font46">0.9%</span>
                </p>
                <p class="col-w tl-center">兑换有效期：2018-12-21 00:00</p>
            </div>
        </div>
        <div class="lot-poptxt">
            <div class="lot-poprow">
                <div class="lot-popl fl">
                    <span class="lot-poprow-name">担保机构性质：</span>
                    <span class="">无限制</span>
                </div>
                <div class="lot-popr flr">
                    <span>项目归属地：</span>
                    <span class="lot-poprow-info">项目归属地：</span>
                </div>
            </div>
            <div class="lot-poprow">
                <div class="lot-popl fl">
                    <span class="lot-poprow-name">担保机构类型：</span>
                    <span class="">无限制</span>
                </div>
                <div class="lot-popr flr">
                    <span class="lot-poprow-info">项目归属地：</span>
                    <span>无限制</span>
                </div>
            </div>
            <div class="lot-poprow">
                <div class="lot-popl fl">
                    <span class="lot-poprow-name">担保机构：</span>
                    <span class="">无限制</span>
                </div>
                <div class="lot-popr flr">
                    <span class="lot-poprow-info">投标金额：</span>
                    <span>无限制</span>
                </div>
            </div>
            <div class="lot-poprow  border-bot">
                <div class="lot-popl fl">
                    <span class="lot-poprow-name">项目周期（月）：</span>
                    <span class="">无限制</span>
                </div>
            </div>
        </div>
        <div class="lot-poptxt">
            <p>
                <h4>使用规则</h4>
                1、加息券发放至账户后，在有效期内均可使用。
                <br>2、加息券可用于投资时对单笔投资金额进行加息。
                <br>3、加息利息将在该笔投资最后一期时，发放至账户余额。
                4、到期未使用不予补发。
            </p>
        </div>
    </div>
<!--我的奖券-4.管理费优惠券lottery-manage-->
    <div class="lotteryManagePop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">管理费优惠券详情</h2>
                <p class="lot-detail-til tl-center col-w">
                    <span class="font20">优惠金额：</span>
                    <span class="font46">10.00<span class="font18">元</span></span>
                </p>
                <p class="col-w tl-center">兑换有效期：2018-12-21 00:00</p>
            </div>
        </div>
        <div class="lot-poptxt">
                <h4>使用规则</h4>
                1、管理费优惠券需在有效期前兑换，到期未使用不予补发。
                <br>2、优惠券可用于抵扣单笔投资管理费金额。
        </div>
    </div>
<!--我的奖券-5.第三方优惠券详情-->
    <div class="lotteryOtherPop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">第三方优惠券详情</h2>
                <p class="lot-detail-til tl-center col-w">
                    <span class="font20">第三方优惠券：</span>
                    <span class="font46">1001.00<span class="font18">元</span></span>
                </p>
                <p class="col-w tl-center">兑换有效期：2018-12-21 00:00</p>
            </div>
        </div>
        <div class="lot-poptxt">
            <p class="border-bot">
                电子券代码123456，请登录京东商城官网www.jd.com，注册后进行兑换。
                <br>电子券代码123456，请登录京东商城官网www.jd.com，注册后进行兑换。
                <br>电子券代码123456，请登录京东商城官网www.jd.com，注册后进行兑换。
                <br>电子券代码123456，请登录京东商城官网www.jd.com，注册后进行兑换。
            </p>
        </div>
        <div class="lot-poptxt">
            <h4>使用规则</h4>
            1、第三方优惠券需在有效期前使用，到期未兑换不予补发。
            <br>2、第三方优惠券活动解释权归第三方商家所有。
        </div>
    </div>
<!--我的奖券-6.现金红包详情-->
    <div class="lotteryCashbagPop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">现金红包详情</h2>
                <p class="lot-detail-til tl-center col-w">
                    <span class="font20">现金红包金额/比例:</span>
                    <span class="font46">11.00<span class="font18">元</span></span>
                </p>
                <p class="lotteryCashRow col-w">
                    <span class="fl">最小有效金额：10元</span>
                    <span class="flr">最大有效金额：10元</span>
                </p>
                <p class="lotteryCashRow col-w">
                    <span class="fl">现金红包金额类型：固定金额</span>
                    <span class="flr">兑换有效期：2018-12-21 00:00</span>
                </p>
            </div>
        </div>
        <div class="lot-poptxt">
            <h4>使用规则</h4>
            1、现金红包需在有效期前兑换，到期未使用不予补发。
            <br>2、现金券兑换后计入账户余额，可用于投资项目、提现等操作。
        </div>
    </div>
<!--我的奖券-7.现金券详情-->
    <div class="lotteryCashPop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">现金券详情</h2>
                <p class="lot-detail-til tl-center col-w">
                    <span class="font20">现金券金额/比例：</span>
                    <span class="font46">10.00<span class="font18">元</span></span>
                </p>
                <p class="col-w tl-center">现金券金额类型：固定金额</p>
                <p class="col-w tl-center">兑换有效期：2018-12-21 00:00</p>
            </div>
        </div>
        <div class="lot-poptxt">
            <h4>使用规则</h4>
            1、现金券需在有效期前兑换，到期未使用不予补发。
            <br>2、现金券兑换后仅可用于抵扣单笔投资金额，使用比例1:100，例：投资
            1000元可使用10元现金券。
        </div>
    </div>
<!--我的奖券-8.实体奖品券详情-->
    <div class="lotteryEssPop">
        <div class="lottery-poptop">
            <div class="lot-popclosed" onclick="closeBox()"><img src="../images/lot-popclosed.png"></div>
            <div class="lottery-popbg">
                <h2 class="lot-til col-w tl-center">实体奖品券详情</h2>
                <p class="lot-detail-til tl-center col-w">
                    <span class="font20">某某牌电饭煲hx-123</span>
                </p>
                <p class="lotteryEssPopTime col-w tl-center">兑换有效期：2018-12-21 00:00</p>
            </div>
        </div>
            <div class="lot-poptxt">
                <div class="lot-poprow">
                    <div class="lot-popl fl">
                        <span class="lot-poprow-name">品牌：某某牌</span>
                    </div>
                    <div class="lot-popr flr">
                        <span>品名：电饭煲</span>
                    </div>
                </div>
                <div class="lot-poprow border-bot">
                    <div class="lot-popl fl">
                        <span class="lot-poprow-name">型号：hx-123</span>
                    </div>
                    <div class="lot-popr flr">
                        <span class="lot-poprow-info">参考价格：100元</span>
                    </div>
                </div>
            </div>
            <div class="lot-poptxt">
                <h4>使用规则</h4>
                1、实体奖品券需在有效期前兑换，到期未兑换不予补发。
                <br>2、请在兑换前，确认账户内-“安全中心”-“联系地址”已完善，将按照兑
                &nbsp;&nbsp;&nbsp; &nbsp; 换发生时已填写的联系地址寄出。
                <br>3、实体奖品兑换后将会在5-10个工作日通过快递发出。
                <br>4、其他问题请联系金开贷官方客服。
            </div>
    </div>
<!--可支持银行卡绑定-->
    <div class="rechargeBanklist pt-re">
        <div class="lot-popclosed" onclick="closeBox()"><img src="../images/gray-closebtn.png"></div>
        <img src="../images/recharge-banlist.png">
    </div>
<!--借款申请已经成功-->
    <div class="lendPop">
        <div class="lendPoptxt">
            <div class="return-img fl"><img src="../images/safe-right.png"></div>
            <div class="sub-lendapply font18 fl">您的借款申请已经成功
                提交，请耐心等待审核！
            </div>
        </div>
        <div class="transfer-popbtn tl-center">
            <a class="gr-sbtn  col-w  hov-alpha" onclick="closeBox()">确认</a>
        </div>
    </div>
<!--calculator-->
    <div class="jkdCalculator">
        <div class="calculate font20 colg">收益计算</div>
        <div class="calcu-popclosed" onclick="closeBox()"><img src="../images/gray-closebtn.png"></div>
        <div class="calculateInfo border-bot">
            <div class="calcuRow">
                <form action="">
                    <input type="text" class="calculateNum" value="输入投资金额（元）">
                    <input type="text" class="calculateRate" value="借款利率（%）">
                </form>
            </div>
            <div class="calcuRow">
                <select name="" class="calculateSelec">
                    <option>按月付息到期还本</option>
                </select>
                <select name="" class="calculateSelecr">
                    <option>投资期限</option>
                </select>
            </div>
        </div>
        <div class="calculateTable">
            <table>
                <thead>
                    <tr>
                        <td width="104px">还款期数</td>
                        <td width="156px">应付本息(元)</td>
                        <td width="156px">应付本金(元)</td>
                        <td width="128px">应付利息(元)</td>
                    </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>1222</td>
                    <td>1024</td>
                    <td>645</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1222</td>
                    <td>1024</td>
                    <td>645</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1222</td>
                    <td>1024</td>
                    <td>645</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1222</td>
                    <td>1024</td>
                    <td>645</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1222</td>
                    <td>1024</td>
                    <td>645</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1222</td>
                    <td>1024</td>
                    <td>645</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1222</td>
                    <td>1024</td>
                    <td>645</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div style="clear: both"></div>
        <div class="calculateBot"><a class="recharge-redbtn mg0 hov-alpha" onclick="closeBox()">计算</a></div>
    </div>
</div>


</body>
</html>